<template>
  <div class="One">
    <div>One</div>
    <p>{{ count }}</p>
    <button @click="count++">add</button>
  </div>
</template>
<script>
export default {
  name: 'One',
  data() {
    return {
      count: 0,
    };
  },
  methods: {
    add() {
      this.count++;
    },
  },
  mounted() {
    console.log('初始化了', this);
  },
};
</script>
<style scoped>
.One {
  border: 3px solid #000;
}
</style>
